<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8" />
		<title>fish</title>
		<style>
			body {
				padding: 10px;
			}
			
			#bg {
				position: relative;
				width: 800px;
				height: 600px;
				margin: 0 auto;
			}
			
			#canvas1 {
				position: absolute;
				z-index: 1;
				bottom: 0;
				left: 0;
			}
			
			#canvas2 {
				position: absolute;
				z-index: 0;
				bottom: 0;
				left: 0;
			}
		</style>
	</head>

	<body>
		<div id="bg">
			<canvas id="canvas1" width="800" height="600">该浏览器不支持canvas</canvas>
			<canvas id="canvas2" width="800" height="600">该浏览器不支持canvas</canvas>
		</div>
		<script src="js/main.js"></script>
		<script src="js/commonFunctions.js"></script>
		<script src="js/backgroud.js"></script>
		<script src="js/ane.js"></script>
		<script src="js/foods.js"></script>
		<script src="js/bigOne.js"></script>
	</body>

</html>